@import "base/base";

div.userSetting{
    ul.tabsUl{
        margin-top: 20px;
        list-style: none;
        width: 100%;
        padding-left: 0px;
        li{
            border: 1px #E0E0E0 solid;
            background-color: white;
            padding: 8px;
            padding-left: 25px;
            font-size: 0.95em;
            
            &.active{
                background-color: #FFA017;
                color: white;
            }
        }
    }
    
    div.rightContent{
        margin-top: 20px;
        >div.pointer{
            width: 2%;
            height: 100%;
            float: left;
            color: black;
            font-size: 2.1em;
            padding-top: 0px;
            @include transition(padding-top 0.3s);
        }
        >div.content{
            float: left;
            height: 100%;
            width: 98%;
            background-color: white;
            border-left: 3px black solid;
            min-height: 150px;
            padding: 8px;
            h3{
                font-size: 1.2em;
                padding: 8px;
                padding-left: 20px;
                color: #888;
                border-bottom: 2px #888 dotted;
            }
            
            div.personalInfoArea{
                position: relative;
                img.head{
                    width: 68px;
                    margin-left: 25px;
                    @include box-shadow(
                        #FBFFFE 0 0 0 2.5px,
                        #221529 0 0 0 5px
                    );
                }
                div.pencil{
                    position: absolute;
                    top: 45px;
                    left: 75px;
                    width: 25px;
                    height: 25px;
                    background-color: white;
                    border: 1px red solid;
                    
                    span{
                        display: block;
                        margin-left: 5px;
                        margin-top: -2px;
                    }
                }
                >div>span{
                    font-size: 0.9em;
                    padding-left: 10px;
                    vertical-align: bottom; 
                }
            }
            
            div.modifyPhoneNumArea{
                $lineHeight : 38px;
                >div.tabs{
                    margin: 0 -8px;
                    height: $lineHeight;
                    div.item{
                        font-size: 0.95em;
                        text-align: center;
                        float: left;
                        width: 33.3%;
                        height: $lineHeight;
                        line-height: $lineHeight;
                        border: 1px #E6E6E6 solid;
                        &.active{
                            color: white;
                            background-color: #FFA017;
                        }
                    }
                }
            }
            
            form{
                margin-top: 30px;
                label{
                    font-weight: normal;
                    text-align: left;
                }
                div{
                    p.prompt{
                        color: #888;
                        margin: 0;
                        margin-top: 5px;
                        font-size: 0.9em;
                    }
                    label.radioLB{
                        padding-top: 13px;
                    }
                        button.am-btn{
                            font-size: 0.8em;
                            color: #fff;
                            background-color: #EF9819;
                            border-color: #FFA017;
                            border-radius: 4px;
                            padding: 8px 40px;
                        }
                        button.messageBt{
                            margin-top: 10px;
                            font-size: 0.8em;
                            color: #fff;
                            background-color: #262B32;
                            border-color: #262B32;
                            border-radius: 2px;
                            padding: 8px 25px;
                        }
                    }
                }
            div.setNumSuccess{
                text-align: center;
                font-size: 1.1em;
                font-weight: bold;
                padding: 150px 0 180px 0;
            }
        }
    }
}
